@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
body,html{
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 100%;
}
.swiper-container,.swiper-wrapper,.swiper-slide{
	width: 100%;
	height: 100%;
}
div.bg{
	width: 100%;
	height: 100%;
}
.swiper-container{
	position: relative;
}
#audlogo{
	position: absolute;
	top: 0;
	right: 0;
	width: 7rem;
	height: 7rem;
	background: url(../img/audio2.png) no-repeat center;
	background-size: 100% 100%;
	z-index: 1000;
}
#rotate{
	width: 100%;
	height: 100%;
	background: url(../img/audio.png) no-repeat center;
	background-size: 100% 100%;
	z-index: 1;
	animation: mp3 2s linear infinite;
}
@keyframes mp3{
	0%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(360deg);
	}
}
#goTop{
	z-index: 100000;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: 3%;
	width: 50px;
	height:50px;
	background: url(../img/icon-arrow-up.png) no-repeat -100px 0;
	background-size: 400px 50px;
	animation: gotop 1.5s linear infinite;
}
@keyframes gotop{
	0%{
		bottom: 3%;
		opacity: 1;
	}
	100%{
		bottom: 6%;
		opacity: 0;
	}
}
img{
	display: block;
	width: 100%;
	height: 100%;
}
.swiper-slide{
	position: relative;
	overflow: hidden;
}
div.swiper-slide.one div.one{
	position: absolute;
	bottom: 0%;
	left: -3%;
	width: 85%;
	height: 50%;
}
.swiper-slide div.two{
	position: absolute;
	top: 100px;
}
.swiper-slide div.snow{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.swiper-slide div.snow i{
	width: 10px;
	height: 10px;
	background: url(../img/snow.png) center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 0;
}
@keyframes snow{
	0%{
		top: 0;
		opacity: 0.8;
	}
	100%{
		transform: scale(2);
		top: 70%;
		opacity: 0;
	}
}
.swiper-wrapper :nth-child(3){
	background-color: rgb(255, 241, 228);
	width: 100%;
	height: 100%;
}
.swiper-wrapper :nth-child(3) div:nth-child(1){
	position: absolute;
	top: 10%;
	width: 90%;
	left: 10px;
}
.swiper-wrapper :nth-child(3) div:nth-child(2){
	width: 100%;
	height: 60%;
	position: absolute;
	bottom: 10%;
}
.swiper-wrapper :nth-child(4){
	background-color: rgb(255, 241, 228);
	width: 100%;
	height: 100%;
}
.swiper-wrapper :nth-child(4) div:nth-child(1){
	position: absolute;
	top: 10%;
	width: 90%;
	left: 10px;
	z-index: 1;
}
.swiper-wrapper :nth-child(4) div:nth-child(2){
	width: 100%;
	height: 100%;
	position: absolute;
}

.swiper-wrapper :nth-child(5) div:nth-child(1){
	position: absolute;
	top: 20%;
	width: 90%;
	left: 10px;
	z-index: 1;
}
.swiper-wrapper :nth-child(5) div:nth-child(2){
	width: 100%;
	height: 100%;
	position: absolute;
}

.swiper-wrapper :nth-child(6) div:nth-child(1){
	position: absolute;
	top: 20%;
	left: 5%;
	width: 90%;
	z-index: 1;
}
.swiper-wrapper :nth-child(6) div:nth-child(2){
	width: 100%;
	height: 100%;
	position: absolute;
}
.swiper-wrapper :nth-child(7) div:nth-child(1){
	position: absolute;
	width: 100%;
	height: 69%;
	left: 4%;
	z-index: 1;
}
.swiper-wrapper :nth-child(7) div:nth-child(2){
	width: 100%;
	height: 100%;
	position: absolute;
}











